<template>
    <div>
        <div class="know-header">无锡市急救中心</div>
        <div class="know-body">
            <mt-swipe :auto="4000">
                <mt-swipe-item><img :src="bannerUrl"></mt-swipe-item>
                <mt-swipe-item class="slide2">2</mt-swipe-item>
                <mt-swipe-item class="slide3">3</mt-swipe-item>
            </mt-swipe>
            <div class="know-content">
                <div>
                    <img :src="imgUrl">
                    <span>急救微课</span>
                </div> 
                <div></div>               
            </div>
            <div class="knoe-contact">
                <div>
                    <span>联系我们: 0510-120</span>
                    <img :src="imgUrl">
                </div>
                <div>
                    <span>中心地址: 苏州市中节能</span>
                    <img :src="imgUrl">
                </div>
            </div>
            <div class="know-footer">
                <span>武汉市急救中心成立于1958年，是武汉市卫生计生委直属的非营利性医疗单位，承担着全市院前医疗急救、突发事件紧急医疗救援和重大社会活动保障、院前急救知识培训、以及全市院前急救体系建设的具体工作任务。</span>
                <span v-if="isShowText">中心建有“120”指挥调度中心，可实行全程计算机动态调度管理、同步实时录音、急救车辆GPS、无线集群系统、视频监控等功能，引进了美国国际紧急调度研究院的医疗优先级调度系统（MPDS）。</span>
                <span v-if="isShowText">急救中心及全市所有急救站点实行24小时值班制。2002年起全国率先开展直升机急救服务；2003年起与公安水上分局合作，开展水上急救。初步构建了具有武汉特色的水陆空立体急救网络，与110、119、122等部门建立联动机制，形成了政府主办、独立设置，医疗机构参与和社会补充的院前急救服务体系。</span>​
                <span v-if="isShowText" class="know-footer-text-indent-0">呼救电话：120</span>
                <span v-if="isShowText" class="know-footer-text-indent-0">投诉监督电话：85808512</span>
            </div>
            <div class="know-btn"><span @click="isShowTextModel">{{isShowText ? '收起' : '全文'}}</span></div>
        </div>
    </div>
</template>
<script>
import { Toast } from 'mint-ui'
const bannerUrl = require('../../assets/img/banner@3x.png')
const imgUrl = require('../../assets/img/icon2@3x.png')
export default {
    data() {
        return {
            imgUrl: imgUrl,
            bannerUrl: bannerUrl,
            isShowText: false
        }
    },
    methods: {
        isShowTextModel () {
            let _this = this
            _this.isShowText = !_this.isShowText
        }
    }
}
</script>
<style lang="stylus" scoped>
@import '../../assets/css/layout'
@import '../../assets/css/var'
.know-header {
    position: fixed
    top: 0
    $row()
    $flex-ac()
    width: 100%
    height: .8rem
    background: $White
    border-bottom: 1px solid $dWhite
    padding-left: .3rem
    z-index: 1000
}
.know-body {
    margin-top: .8rem
    padding-bottom: 1rem
    .know-content {
        $row()
        background: $White
        div {
            $column()
            $flex-1()
            $flex-vc()
            $flex-ac()
            height: 2rem
            &:active {
                background: $Silver
            }
            img {
                width: 1rem
                height: 1rem
            }
        }
    }
}
.knoe-contact {
    border-top: 1px solid $dWhite
    border-bottom: 1px solid $dWhite
    background: $White
    div {
        $row()
        $flex-sb()
        $flex-ac()
        height: 1rem
        padding-left: .3rem
        &:first-child {
            border-bottom: 1px solid $dWhite
        }
        img {
            width: .7rem
            height: .7rem
            border-left: 1px solid $dWhite
            padding: 0 .2rem
        }
    }
}
.know-footer {
    $column()
    padding .3rem
    background: $White
    text-indent: .6rem
    span {
        line-height: .5rem
        text-overflow: ellipsis
    }
    .know-footer-text-indent-0 {
        text-indent: 0
    }
}
.know-btn {
    $row()
    $flex-end()
    height .5rem
    background: $White
    color: $Blue
    span {
        display: inline-block
        width: 1.5rem
        height: 100%
        text-align: center
    }
}
.mint-swipe {
    height: 200px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    img {
        width 100%
        height 100%
    }
}

.mint-swipe-item {
    line-height: 200px;
}

.slide2 {
    background-color: $lGreen;
    color: #000;
}

.slide3 {
    background-color: $Blue;
    color: #fff;
}
</style>
